// 思路:
//     1.点击登录按钮（单机事件）
//     2.获取输入框内容+阻止表单默认行为
//     3.获取的数据使用post请求获取自己需要的token值+id值
//     4.得到数据提取出来使用locastrong存在本地




// 入口函数
$(function () {
    // 点击登录按钮（单机事件）
    $('#js-btn-login').on('click', function () {
        // 阻止表单事件
        $('form').submit((e) => {
            e.preventDefault()
        })

        // 登录请求数据
        var useranme = $('#username').val().trim()          //trim()清空两边空格
        var passwd = $('#password').val().trim()

        // 数据提交请求
        axios({
            method: 'POST',
            url: 'http://124.223.14.236:3001/api/user/login',
            data: {
                username: useranme,
                password: passwd
            },
        }).then(function (res) {            //成功回调函数
            // 失败数据判断
            if (res.data.msg === "密码不正确") return alert('登录失败:密码不正确')

            // 成功数据获取(token值+id值)
            var idValue = res.data.data.id               //id值
            var tokenValue = res.data.data.token         //token值

            // 数据存储本地
            localStorage.setItem("id", idValue)
            localStorage.setItem("token", tokenValue)

            // 提示用户存储本地成功
            alert('登录成功:我已经将token存在本地存储中了哦')


        })

    })
})
